<template>
  <div>
    <van-dropdown-menu active-color="#ee0a24">
      <van-dropdown-item v-model="value1" :options="options" />
      <van-dropdown-item v-model="value2" :options="options1" />
    </van-dropdown-menu>
  </div>
</template>

<script setup>
const menuRef = ref(null);
const itemRef = ref(null);
const value1 = ref(0);
const value2 = ref(0);
const switch1 = ref(false);
const switch2 = ref(false);
const options = [
  { text: '全部', value: 0 },
  { text: '增雨（雪）', value: 1 },
  { text: '防雹', value: 2 },
  { text: '消减雨', value: 3 },
  { text: '消雾', value: 4 },
  { text: '防霜', value: 5 },
  { text: '消云', value: 6 },
  { text: '其他', value: 7 },
];
const options1 = [
  { text: '过程预报与展望', value: 0 },
  { text: '潜力预报与计划', value: 1 },
  { text: '条件预警与预报', value: 2 },
  { text: '监测预警和方案', value: 3 },
];
const onConfirm = () => {
  itemRef.value.toggle();
  // 或者
  // menuRef.value.close();
};
</script>

<style lang="scss" scoped></style>